<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品展示</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/common/footer.css">
    <link rel="stylesheet" href="../../css/common/header.css">
    <link rel="stylesheet" href="../../css/common/common-banner.css">
    <!-- 产品展示 -->
    <link rel="stylesheet" href="../../css/product/product.css">
</head>

<body>
    <div class="header">
        <!-- 顶部 -->
        <div class="top">
            <div class="top-box">
                <div class="top-hello">
                    <p>欢迎访问广西融橘农业科技有限公司！</p>
                </div>
                <div class="top-nav">
                    <p>在线联系</p>
                    <span>|</span>
                    <p>联系方式</p>
                    <span>|</span>
                    <p>网站地图</p>
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav-box">
                <img src="../../img/logo/logo.png" alt="广西融橘农业科技有限公司">
                <ul>
                    <li><a href="../index/index.html">网站首页</a></li>
                    <li><a href="../about/about.html">关于我们</a></li>
                    <li><a href="../product/product.html">产品展示</a></li>
                    <li><a href="../tea/tea.html">融安金桔茶</a></li>
                    <li><a href="../consult/consult.html">咨讯中心</a></li>
                    <li><a href="../contact/contact.html">联系我们</a></li>
                    <li class="phone">
                        <a href="#">0771-5868259</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 轮播图 -->
        <div class="banner">
            <div id="banner-box">
                <ul id="pic">
                    <li><img src="../../img/common-banner/banner.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner1.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner2.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner3.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner4.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner5.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner6.jpg" alt=""></li>
                    <li style="display:none;"><img src="../../img/common-banner/banner7.jpg" alt=""></li>
                </ul>
                <ul id="num">
                    <li class="active"></li>
                    <li class=""></li>
                    <li class=""></li>
                    <li class=""></li>
                    <li class=""></li>
                    <li class=""></li>
                    <li class=""></li>
                    <li class=""></li>
                </ul>
                <a href="#" class="arrow" id="left">&lt;</a>
                <a href="#" class="arrow" id="right">&gt;</a>
            </div>
        </div>

        <!-- 内容展示 -->
        <div class="contant">
            <div class="contant-box">
                <ul>
                    <li>
                        <img src="../../img/product/产品目录.jpg" alt="">
                        <p>产品目录</p>
                    </li>
                    <li>
                        <img src="../../img/product/生态系列.png" alt="">
                        <p>生态系列</p>
                    </li>
                    <li>
                        <img src="../../img/product/繁花似锦.jpg" alt="">
                        <p>繁花似锦</p>
                    </li>
                    <li>
                        <img src="../../img/product/桔祥系列.jpg" alt="">
                        <p>桔祥系列</p>
                    </li>
                    <li>
                        <img src="../../img/product/桔韵系列.png" alt="">
                        <p>桔韵系列</p>
                    </li>
                    <li>
                        <img src="../../img/product/桔庆品位系列.jpg" alt="">
                        <p>桔庆品位系列</p>
                    </li>
                    <li>
                        <img src="../../img/product/融桔·初心系列.jpg" alt="">
                        <p>融桔·初心系列</p>
                    </li>
                    <li>
                        <img src="../../img/product/体验装.jpg" alt="">
                        <p>体验装</p>
                    </li>
                    <li>
                        <img src="../../img/product/桔顺伴手礼系列.jpg" alt="">
                        <p>桔顺伴手礼系列</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-1">
                    <div class="footer-contact">
                        <h1>|&nbsp;联系我们</h1>
                        <p>广西融桔农业科技有限公司</p>
                        <p>地址：融安县长安镇高泽屯农产品加工产业园内G2018-5号</p>
                        <ul>
                            <li>公司:0771-5828659</li>
                            <li>邮箱:3155299561@qq.com</li>
                            <li>电话:15277139896</li>
                            <li>QQ:3155299561</li>
                        </ul>
                    </div>
                </div>
                <div class="footer-2">
                    <div class="footer-nav">
                        <h1>|&nbsp;快捷导航</h1>
                        <ul>
                            <li><a href="../index/index.html">首页</a></li>
                            <li><a href="../product/product.html">产品展示</a></li>
                            <li><a href="../tea/tea.html">融安金桔茶</a></li>
                            <li><a href="../consult/consult.html">资讯中心</a></li>
                            <li><a href="../contact/contact.html">联系我们</a></li>
                            <li><a href="../about/about.html">关于我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-3">
                    <div class="footer-publicity">
                        <h1>|&nbsp;关注我们</h1>
                        <ul>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>手机站</p>
                            </li>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>微信公众号</p>
                            </li>
                            <li>
                                <img src="../../img/index/contant.png" alt="">
                                <p>咨询微信</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-4">
                <div class="footer-bottom">
                    <p>
                        版权所有：广西融桔农业科技有限公司 Copyright © 2017-2023 All Rights Reserved 备案号：桂ICP备18006991号 技术支持：云尚网络
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/banner.js"></script>
</body>

</html>